<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>

<body>


    <button onClick='sendData1()'>点击发送请求1</button>
    <button onClick='sendData2()'>点击发送请求1</button>

    <script>













        axios.defaults.baseURL = 'https://locally.uieee.com';


        // let AUTH_TOKEN='tokenstr'

        // axios.defaults.headers.common['Token'] = AUTH_TOKEN;
        // Authorization 授权意思
        // axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;

        // axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencode'   
        /*  get/post 请求使用的  设置请求的参数类型 */



        //请求拦截  
        axios.interceptors.request.use(config => {
            //可以写任何事情
            // 1 比如说 请求之前 要不要搞一个loading 这样转
            // 2 请求之前 要不要带上    axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
            console.log('res interceptor1 onResolved()  不能洗脚1', config)

            config.aaa = 'ni hao'
            // config.headers.common['Authorization'] = '18岁就要自食其力了'

            // 必须要写的条件  要有return     return config 
            return config
        }, err => {
            console.log('打印错误')
            return Promise.reject(error);
        })



        //响应拦截
        // 1  对数据提前进行处理
       
        axios.interceptors.response.use((res) => {
            console.log("我返回了 刚洗完脚回来 身上还是香的")

            // console.log(res.data)

            return res.data

        }, err => {

            return Promise.reject(err);
            // return  new  Promise(()=>{})  //pending状态   断链  断掉链式编程
        })




        function sendData1() {
            alert(1)
            axios.get('/slides').then(res => {
                console.log(res)
            })

        }


        function sendData2() {
            alert(2)

            axios.get('/categories').then(res => {
                console.log(res)
            })



        }
















    </script>
</body>

</html>